<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>留言板</title>
<link rel="icon" href="../img/BaiYi_title_icon.png" />
<link type="text/css" rel="stylesheet" href="../css/foundation.css" />
<link type="text/css" rel="stylesheet" href="../css/baiyi.css" />
<script type="text/javascript" src="../js/vendor/jquery.js"></script>
<script type="text/javascript" src="../js/foundation/foundation.js"></script>
<script type="text/javascript"
	src="../js/foundation/foundation.topbar.js"></script>
<script type="text/javascript"
	src="../js/foundation/foundation.offcanvas.js"></script>
<script type="text/javascript"
	src="../js/foundation/foundation.reveal.js"></script>
<script type="text/livescript"
	src="../js/foundation/foundation.equalizer.js"></script>
<script type="text/javascript"
	src="../js/foundation/foundation.dropdown.js"></script>
<script type="text/javascript" src="../js/vendor/modernizr.js"></script>
<script type="text/javascript"
	src="../js/foundation/foundation.clearing.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(document).foundation();
		$(document).foundation('topbar', 'reflow');
		$(document).foundation('offcanvas', 'reflow');
		$(document).foundation('revaeal', 'reflow');
		$(document).foundation('equalizer', 'reflow');
		$(document).foundation('dropdown', 'reflow');
		$(document).foundation('clearing', 'reflow');
	});
</script>
</head>
<body>
	<div class="off-canvas-wrap" data-offcanvas>
		<div class="inner-wrap">
			<jsp:include page="nav.jsp"></jsp:include>
			<!-- Off Canvas Menu 显示简易个人信息 -->
			<jsp:include page="user.jsp"></jsp:include>
			<!----------------------------------------------------------------------------------------->
			<!---------------------------- 内容区域可替换------------------------------------------------>
			<!----------------------------------------------------------------------------------------->
			<div
				style="background-repeat: no-repeat; background-position: center top; background-attachment: scroll; background-image: url('../img/picture/bg_top01.jpg');">
				<div class="row">
					<div class="large-9  medium-8 columns">
						<h2 style="color:#5D7895">${currentUser.qzoneName }</h2>
						<span style="color:#5D7895;"> <c:if
								test="${empty currentUser.qzoneAutograph }">
						您还未填写空间签名哦</c:if> <c:if test="${!empty currentUser.qzoneAutograph }">${currentUser.qzoneAutograph }</c:if>
							<a href="#">&nbsp;&nbsp;(http://user.qzone.baiyi.com/home)</a></span>
					</div>
				</div>
				<div class="row" style="margin-top: 20px;">
					<!--头像-->
					<div class="large-3 medium-4 columns">
						<div class="panel"
							style="width:200px; height:200px; padding:0.5rem;">
							<img style="height:182px;" src="${ currentUser.userPortrait }"
								alt="暂无头像" />
						</div>
					</div>
					<!--标题栏-->
					<div class="large-9 medium-8 columns">
						<div class="large-9 medium-8 columns" style="padding-top:53px;">
							<span style="color:#5D7895; font-size:1.25rem;">${currentUser.userName }</span><span
								class="lv"></span>
						</div>

						<div class="large-3 medium-4 columns">
							<button class="">
								赞 &#40;
								<c:if test="${empty currentUser.userHot }">0</c:if>
								<c:if test="${!empty currentUser.userHot }">${currentUser.userHot } </c:if>
								&#41;
							</button>
							<div>
								<img src="../img/icon_png/weather-sunny.png" /><span
									style="margin-left:10px; color:#95D3E5;">海口&nbsp;
									&nbsp;|&nbsp; &nbsp; 晴</span>
							</div>
						</div>
						<div class="large-12  medium-12 columns" style="">
							<ul class="inline-list" style="padding-top:26px;">
								<li><a href="toMyHome">相册</a></li>
								<li><a href="toMyMessageBoard">留言板</a></li>
								<li><a href="">最近访客</a></li>
							</ul>
						</div>
					</div>
				</div>
				<!--留言区域--------------------------------------------------->
				<div class="large-12 medium-12 small-12  columns">
					<hr>
					<h2>评论</h2>
					<div class="large-12 columns">
						<%-- <form action="addMessage?id=${user.userId }" method="post">
							<textarea placeholder="说说对她/他说的话..." name="message.message"></textarea>
							<input class="small button" type="submit" value="提交评论" />
						</form> --%>
						<table class="comment columns" id="comment_href">
							<c:if test="${!empty messages }">
								<c:forEach items="${messages}" var="message">
									<tr>
										<td class="comment_content">${message.message }</td>
										<td class="comment_time">${message.messageTime }</td>
										<td class="comment_user"><a
											href="toOtherHome?id=${message.tbUserBySendMessageId.userId }">${message.tbUserBySendMessageId.userName }</a></td>
									</tr>
								</c:forEach>
							</c:if>
						</table>
					</div>
				</div>
				<!----------------------------------------------------------------------------------------->
				<!---------------------------- 内容区域------end-------------------------------------------->
				<!----------------------------------------------------------------------------------------->
				<!------------------页脚--------------------->
				<jsp:include page="footer.jsp"></jsp:include>
				<!-- close the off-canvas menu -->
				<a class="exit-off-canvas"></a>
			</div>
		</div>
	</div>
</body>
</html>